<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<!-- 页面编码设置，两种均可 -->
		<meta charset="utf-8">
		<!-- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > -->

		<!-- 设置语言，还有一种是在html标签上加lang属性 -->
		<!-- <meta http-equiv="Content-Language" content="zh-CN" > -->

		<!-- 优先使用最新的 IE 和 Chrome 版本 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		
		<!-- 任何 http 请求都会自动尝试连接到 https -->
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/>

		<!-- 规定页面上所有链接的默认 URL 和默认目标 -->
		<base href="">

		<!-- 设置重定向 -->
		<!-- <meta http-equiv="refresh" content="5;url=#" > -->

		<!-- cookie设定 注：时间格式必须使用GMT -->
		<!-- <meta http-equiv="set-cookie" content="name=value;expires=date;path=url" > -->

		<!-- 提前进行DNS解析 -->
		<!-- 可以此来提升网站性能，可以让a标签在HTTPS环境下进行DNS预解析 -->
		<meta http-equiv="x-dns-prefetch-control" content="on">

		<!-- 设置页面显示的窗口方式 -->
		<!-- 
			_top：表示页面以当前整个窗口显示，用来防止别人在框架里调用你的页面
			_blank：表示页面以新打开的窗口显示
			_parent：表示页面以父容器或窗口显示
			_self：表示页面以当前容器或窗口显示
		-->
		<meta http-equiv="Window-Target" content="_top">

		<!-- 设定Web应用程序的名称(仅网站被用作一个应用时才使用它) -->
		<!-- <meta name="application-name" content="Application Name" > -->

		<!-- 关于缓存 start -->
		<!-- 禁止缓存 -->
		<meta http-equiv="Pragma" content="no-cache">
		<!-- 强制缓存在任何情况下都不保留任何副本 -->
		<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
		<!-- 设置网页缓存过期时间 注：时间格式必须使用GMT-->
		<meta http-equiv="expires" content="0">
		<!-- 关于缓存 end -->

		<!-- SEO 优化部分 start -->
		<!-- 页面标题 -->
		<title>Html Template</title>
		<!-- 定义网页作者 -->
		<meta name="author" content="your name,your email">
		<!-- 页面关键词 -->
		<meta name="keywords" content="your keywords">
		<!-- 页面描述内容(尽量不多于150字) -->
		<meta name="description" content="your description">
		<!-- 信息参数，说明网站是采用什么软件或技术制作的 -->
		<meta name="generator" content="your generator">
		<!-- 网站版权信息 -->
		<meta name="copyright" content="your copyright">
		<!-- 网站主题的简短描述 -->
		<meta name="subject" content="your subject">
		<!-- 非常简短(不大于10字)的描述 -->
		<meta name="abstract" content="your abstract">
		<!-- 机器人向导 -->
		<!-- 
			定义网页搜索引擎索引方式，robotterms 是一组使用英文逗号分割的值，通常有如下几种取值：
			all：文件将被检索，且页面上的链接可以被查询；
			none：文件将不被检索，且页面上的链接不可以被查询；
			index：文件将被检索；
			follow：页面上的链接可以被查询；
			noindex：文件将不被检索；
			nofollow：页面上的链接不可以被查询。
		-->
		<meta name="robots" content="index,follow">
		<!-- SEO 优化部分 end -->

		<!-- 选择使用的浏览器解析内核 -->
		<!-- 国内浏览器很多都是双内核（Webkit和Trident），Webkit内核适用高速浏览，IE内核兼容网页和旧版网站 -->
		<meta name="renderer" content="webkit|ie-comp|ie-stand">

		<!-- 禁止百度、神马、搜狗等搜索引擎自动转码 -->
		<meta http-equiv="Cache-Control" content="no-transform">
		<meta http-equiv="Cache-Control" content="no-siteapp">

		<!-- 优化化移动浏览器显示 start -->
		<!-- 适应移动端 -->
		<!--
			width viewport 宽度(数值/device-width)
			height viewport 高度(数值/device-height)
			initial-scale 初始缩放比例
			maximum-scale 最大缩放比例
			minimum-scale 最小缩放比例
			user-scalable 是否允许用户缩放(yes/no)
		-->
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<!-- 忽略数字自动识别为电话号码，忽略识别邮箱 -->
		<meta name="format-detection" content="telephone=no,email=no">
		<!-- 手机用户浏览PC网站自动跳转到对应的手机端网站 -->
		<!-- <meta name="mobile-agent"content="format=html5; url=#"> -->

		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<!-- 优化化移动浏览器显示 end -->

		<!-- Google浏览器设置 -->
		<!-- 禁止 Google 自动翻译 -->
		<meta name="google" value="notranslate">
		<!-- 搜索引擎抓取设置(只对谷歌有效) -->
		<meta name="googlebot" content="index,follow">
		<!-- 不显示网站链接的搜索框信息 -->
		<meta name="google" content="nositelinkssearchbox">
		<!-- 验证 Google 搜索控制台的所有权 -->
		<!-- <meta name="google-site-verification" content="verification_token" > -->

		<!-- Apple浏览器设置 -->
		<!-- 添加到主屏上的图标使用指定的图片 -->
		<!-- 
			Standard iPhone sizes="57x57"
			Retina iPhone sizes="114x114"
			Standard iPad sizes="72x72"
			Retina iPad sizes="144x144" 
		-->
		<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57.png">
		<!-- 启用 WebApp 全屏模式 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置启动画面 -->
		<!-- 基于 apple-mobile-web-app-capable 设置为 yes ，可以为WebApp设置一个类似NativeApp的启动画面。和 apple-touch-icon 不同，apple-mobile-web-app-capable 不支持sizes属性，要使用media来加载不同的启动画面。-->
		<link rel="apple-touch-startup-image" href="startup.png">
		<!-- 隐藏状态栏/设置状态栏颜色 -->
		<!-- 只有在开启WebApp全屏模式时才生效，content的值为default | black | black-translucent -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<!-- 浏览器网站对应的 App -->
		<!-- 添加 Smart App Banner（智能 App 广告条）：告诉浏览器这个网站对应的app，并在页面上显示下载广告 -->
		<!-- <meta name="apple-itunes-app" content="app-id=yourAppStoreID, affiliate-data=yourAffiliateData, app-argument=yourURL" > -->

		<!-- UC浏览器设置 -->
		<!-- 应用模式 -->
		<meta name="browsermode" content="application">
		<!-- 强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- 强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- 将屏幕锁定在特定的方向 -->
		<meta name="screen-orientation" content="landscape/portrait">
		<!-- 简化页面：减少数据传输 -->
		<meta name="layoutmode" content="fitscreen">
		<!-- 禁用“当此页面中有较多文本时缩放字体”功能 -->
		<meta name="wap-font-scale" content="no">

		<!-- QQ浏览器设置 -->
		<!-- 应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- 强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- 强制全屏 -->
		<meta name="x5-fullscreen" content="true">

		<!-- 网页图标 -->
		<!-- shortcut icon是必须的，确保IE能够识别，icon可为浏览器提供另一种备用图像（例如png，gif等） -->
		<link rel="shortcut icon" href="assets/icon/favicon-64.ico" type="image/x-icon">
		<link rel="icon" href="assets/icon/icon.png" sizes="16x16" type="image/png">

		<!-- html5shiv 主要解决 IE9 以下浏览器对 html5 新增标签的不识别，并导致 CSS 不起作用的问题 -->
		<!-- respond.js 用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询，实现响应式网页设计 -->
		<!-- 警告：通过 file:// 协议（直接将 html 页面拖拽到浏览器中）访问页面时 respond.js 不起作用 -->
		<!--[if lt IE 9]>
			<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js" integrity="sha256-9uAoNWHdszsUDhSXf/rVcWOqKPfi5/8V5R4UdbZle2A=" crossorigin="anonymous"></script>
			<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js" integrity="sha256-nwhzW/P9gnvWMPOm84MK8BzQRRMdi8iutxMuYsYcOgw=" crossorigin="anonymous"></script>
		<![endif]-->

		<!-- google字体库 -->
		<!-- <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" > -->

		<!-- normalize -->
		<!-- 保证不同的浏览器在渲染网页元素的时候形式更统一 -->
		<link href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.min.css" rel="stylesheet">

		<!-- Bootstrap -->
		<link href="assets/plugin/bootstrap-4.0.0/css/bootstrap.min.css" rel="stylesheet">
		<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha256-93wNFzm2GO3EoByj9rKZCwGjAJAwr0nujPaOgwUt8ZQ=" crossorigin="anonymous"> -->

		<!-- font-awesome和iconfont建议选择font-awesome -->
		<!-- font-awesome -->
		<link href="assets/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous"> -->
		<!-- iconfont -->
		<!-- <link href="//at.alicdn.com/t/font_8d5l8fzk5b87iudi.css" rel="stylesheet"> -->

		<!-- prefixfree -->
		<!-- CSS3 自动添加对应浏览器前缀脚本 -->
		<script src="https://cdn.jsdelivr.net/npm/prefixfree@1.0.0/prefixfree.min.js"
			integrity="sha256-a1jYldRqTzpGqk63nmXXjh/zPYp7Sjxp9iUYhNbYPXI=" crossorigin="anonymous" charset="UTF-8">
		</script>

		<!-- 全局样式 -->
		<link href="assets/css/global.css" rel="stylesheet">
	</head>



	<body>
		<!-- HTML文档内容 -->
		<h1>Hello,world!</h1>

		<!-- jQuery -->
		<script src="assets/plugin/jquery-3.5.1/jquery-3.5.1.min.js" charset="UTF-8"></script>
		<!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous" charset="UTF-8"></script> -->
		<!-- 所有依赖 jQuery 的 JavaScript 插件都必须放在其后，所有建议第一个引用 -->

		<!-- Bootstrap -->
		<script src="assets/plugin/bootstrap-4.0.0/js/bootstrap.min.js" charset="UTF-8"></script>
		<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha256-2JaAhvdQnfNMMnhWPauHOZ2k+dzftBmBjjownu3HC4g=" crossorigin="anonymous" charset="UTF-8"></script> -->

		<!-- 全局方法 -->
		<script src="assets/js/global.js" charset="UTF-8"></script>
	</body>
</html>
